<template>
	<view class="collect">
		<view class="title">收藏列表</view>
		<!-- 题目列表 -->
		<topic-item v-if="arr.length != 0" :data="arr"></topic-item>
		<view v-else class="message">
			暂无搜索内容~~
		</view>
	</view>
</template>
<script>
	import TopicItem from '../../components/TopicItem/TopicItem'
	export default {
		components: {
			TopicItem
		},
		data() {
			return {
				arr: [{
						question: "题目1",
						name: "html",
						id: 1
					},
					{
						question: "题目2",
						name: "javascript",
						id: 2
					},
					{
						question: "题目3",
						name: "vue",
						id: 3
					},
				]
			}
		}
	}
</script>


<style lang="scss">
	@import "../../static/scss/variable.scss";

	.collect {
		padding: $padd;
	}
</style>